<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400italic,700,700italic,400' rel='stylesheet' type='text/css'/>
<link rel="StyleSheet" type="text/css" href="style.css" media="screen" />
<link rel="StyleSheet" type="text/css" href="search.css" media="screen" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js">
</script>
<script type="text/javascript" src="js/jquery.bgpos.js"></script>
<script type="text/javascript" src="js/MainMenu.js"></script>
<script type="text/javascript" src="js/LightBox.js"></script>
<script type="text/javascript" src="js/validation.js"></script>
<link rel="StyleSheet" type="text/css" href="MenuStyle.css" media="screen" />
<title>About</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.gif" type="image/gif">
</head>

<body>
    <div id="header">
        <h1> Premier </h1>
        <h1> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Products </h1>
    </div>
    <div id="content">
        <div id="main">
            <div class="info">
            	<h1>About Us</h1>
                <p>
                	We at <strong>Premier Products</strong> sell art work.
                </p>	
            </div>
            <div class="info">
            	<h3>Contact Us</h3>
                <p>
                	We would love to hear your thoughts on our products and our web-site.
                </p>
                <cfif not IsDefined("FORM.name") >
                <form id="contact" method="post" action="" onsubmit="validateContactForm(); return false;" onreset="resetForm();">
                    <p>Fill in the form below to send us a message!</p>    
                    
                    <div id="ContactErrorMsg" class="errorMsg"></div>
                    
                    <p>
                      <label for="name">Name:</label>
                      <input type="text" name="name" id="name" onfocus="resetField(this,'Error');" />
                    </p>
                    <p>
                      <label for="email">E-mail address:</label>
                      <input type="text" name="email" id="email" onfocus="resetField(this,'Error');" />
                    </p>
                    <p>
                      <label for="message">Your Message:</label>
                      <textarea name="message" id="message" rows="5" cols="25" onfocus="resetField(this,'Error');"></textarea>
                    </p>
                    <p>
                      <button type="submit">Send Message</button>
                      <button type="reset">Reset Form</button>
                    </p>
                </form>	
                <cfelse>
                    <div class="confirmation"> Thank you for your feedback. Your message has been sent! </div>
                    <cfoutput>
                    <p>
                        #FORM.name# <br />
                        #FORM.email# <br />
                        #FORM.message# <br />
                    </p>
                    </cfoutput>
                    
                    <cfmail server="smtp.monash.edu.au" username="" password="" to="yrhet1@student.monash.edu"
                        from="#FORM.email#" subject="Website Feedback" >
                        Message from #FORM.name#: #FORM.message#
                     </cfmail>
                    
                  </cfif>
            </div>
        </div>
        <div id="navigation">
            <ul>
                <li class="blue"> 
                    <a href = "index.cfm"> Home 	</a>
                    <p class="subtext">The front page</p>
                </li>
                <li class="red">
                    <a href = "catalogue.cfm"> Catalogue	</a>
                    <p class="subtext">Our products</p>
                </li>
                <li class="green">
                    <a href = "about.cfm"> About	</a>
                    <p class="subtext">All about us</p>
                </li>				</ul>
        </div>
    </div>
    <div id="footer">
        <p> 2012 &copy; Yati &amp; Nick </p>
    </div>
</body>
</html>
